<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>cat</title>
	</head>
	<body>
		<style type="text/css">
			@keyframes cat{
				0{}
				16.66%{background-position: -180px 0;}
				33.33%{background-position: -360px 0;}
				50.00%{background-position: -540px 0;}
				66.66%{background-position: -720px 0;}
				83.33%{background-position: -900px 0;}
				100%{background-position: -1080px 0;}
			}
			.cat{
				margin: 0 auto;
				width: 180px;
				height: 300px;
				background-image: url(img/girl.png);
				animation: cat 1s infinite step-end;
			}
		</style>
		
		<div class="cat"></div>
	</body>
</html>
